前言：
element-ui 的輸入框擁有非常多種種類與功能，接下會從輸入框講到表單和表單驗證，就讓我們開始吧
正文：
先基本的 el-input 標籤談起吧

<el-input v-model="dataText" placeholder="這是輸入框">

與一般 input 標籤沒什麼不同，只是單純的加上了 element-ui 的樣式
我們這邊可以使用一些參數來對它進行更改

<input is="el-input" v-model="dataText" placeholder="這是禁用的輸入框" :disabled="true">
<input is="el-input" v-model="dataClertText" placeholder="這是可清空的輸入框" clearable>
<input is="el-input" v-model="dataText" placeholder="這是密碼輸入框" show-password>
<input is="el-input" v-model="dataText" placeholder="這是最大長度為三的輸入框" maxlength="3" show-word-limit>

disabled : 將輸入框禁用
clearable: 提供一個可以清空內容的 button-icon
show-password: 提供一個可以切換顯示密碼的 button-icon
maxlength: 限制最大長度，可以配合 show-word-limit 去進行提示

並且 element-ui 也提供了 textarea 的自適應高度功能，僅需要額外加上 autosize 屬性即可

<input is="el-input" type="textarea" autosize v-model="dataTextArea">

最後，我們可以透過 size 屬性調整其大小，分別有默認、medium、small、mini 可供使用